<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="__PUBLIC__/Home/css/reset.css">
<link rel="stylesheet" href="__PUBLIC__/Home/css/search.css">
<script src="__PUBLIC__/Home/js/search.js"></script>
</head>
<body>
    <div class="container">
    	<div class="select-box">
    		<ul class="tab-menu">
    		<volist name="SchoolType_data" id="vo">
				<eq name="vo.school_type_sort" value="1">			
				<li <eq name="vo.school_type_id" value="1"> class="slected" </eq>><a href="">{$vo.school_type_name}</a></li>
				</eq>
				</volist>	
    		</ul>
    		<div class="tab-content">
    			<div class="search-box">
    				<input type="text" id="search-input" value="填写高校名称">
    				<input type="button" id="search-btn" value="搜索">
    				<dl>
    					<dt>热门关键词</dt>
    					<dd>复旦大学</dd>
    					<dd>南京大学</dd>
    					<dd>浙江大学</dd>
    				</dl>
    			</div>
    			<div class="match-box">
    				<dl class="match-province">
    					<dt>所在省份<span>不限</span></dt>
    					<dd>
    						<label><input type="checkbox" value="jiangsu">江苏<span>111</span></label>
    						<label><input type="checkbox" value="anhui">安徽<span>111</span></label>
    						<label><input type="checkbox" value="shandong">山东<span>111</span></label>
    						<label><input type="checkbox" value="江苏">湖北<span>111</span></label>
    						<label><input type="checkbox" value="江苏">浙江<span>111</span></label>
    						<label><input type="checkbox" value="江苏">北京<span>111</span></label>
    						<label><input type="checkbox" value="江苏">天津<span>111</span></label>
    						<label><input type="checkbox" value="江苏">上海<span>111</span></label>
    						<label><input type="checkbox" value="江苏">河北<span>111</span></label>
    						<label><input type="checkbox" value="江苏">山西<span>111</span></label>
    						<label><input type="checkbox" value="江苏">内蒙古<span>111</span></label>
    						<label><input type="checkbox" value="江苏">辽宁<span>111</span></label>
    						<label><input type="checkbox" value="江苏">吉林<span>111</span></label>
    						<label><input type="checkbox" value="江苏">黑龙江<span>111</span></label>
    						<label><input type="checkbox" value="江苏">福建<span>111</span></label>
    						<label><input type="checkbox" value="江苏">江西<span>111</span></label>
    						<label><input type="checkbox" value="江苏">湖南<span>111</span></label>
    						<label><input type="checkbox" value="">河南<span>111</span></label>
    						<label><input type="checkbox" value="江苏">广东<span>111</span></label>
    						<label><input type="checkbox" value="江苏">广西<span>111</span></label>
    						<label><input type="checkbox" value="江苏">海南<span>111</span></label>
    						<label><input type="checkbox" value="江苏">重庆<span>111</span></label>
    						<label><input type="checkbox" value="江苏">四川<span>111</span></label>
    						<label><input type="checkbox" value="江苏">云南<span>111</span></label>
    						<label><input type="checkbox" value="江苏">贵州<span>111</span></label>
    						<label><input type="checkbox" value="江苏">陕西<span>111</span></label>
                            <label><input type="checkbox" value="江苏">甘肃<span>111</span></label>
                            <label><input type="checkbox" value="江苏">西藏<span>111</span></label>
                            <label><input type="checkbox" value="江苏">青海<span>111</span></label>
                            <label><input type="checkbox" value="江苏">宁夏<span>111</span></label>
                            <label><input type="checkbox" value="江苏">新疆<span>111</span></label>
    					</dd>
    				</dl>
                    <dl class="match-type">
                        <dt>办学类型<span>不限</span></dt>
                        <dd>
                            <label><input type="checkbox" value="本科院校">本科院校</label>
                            <label><input type="checkbox" value="高职高专">高职高专</label>
                            <label><input type="checkbox" value="独立院校">独立院校</label>
                        </dd>
                    </dl>
                    <dl class="match-type">
                        <dt>院校性质<span>不限</span></dt>
                        <dd>
                            <label><input type="checkbox" value="">公办</label>
                            <label><input type="checkbox" value="">民办</label>
                        </dd>
                    </dl>
                    <dl class="match-type">
                        <dt>学院性质<span>不限</span></dt>
                        <dd>
                            <label><input type="checkbox" value="">文史</label>
                            <label><input type="checkbox" value="">医药</label>
                            <label><input type="checkbox" value="">财经</label>
                            <label><input type="checkbox" value="">工科</label>
                            <label><input type="checkbox" value="">政法</label>
                            <label><input type="checkbox" value="">综合</label>
                            <label><input type="checkbox" value="">艺术</label>
                            <label><input type="checkbox" value="">师范</label>
                            <label><input type="checkbox" value="">体育</label> 
                            <label><input type="checkbox" value="">语言</label>
                            <label><input type="checkbox" value="">农业</label>
                            <label><input type="checkbox" value="">林业</label>
                            <label><input type="checkbox" value="">民族</label>
                            <label><input type="checkbox" value="">军事</label>   
                        </dd>
                    </dl>
                    <dl class="match-type">
                        <dt>评分值<span>不限</span></dt>
                        <dd>
                            <label><input type="checkbox" value="">9.0-9.9(120)</label>
                            <label><input type="checkbox" value="">8.0-8.9(383)</label>
                            <label><input type="checkbox" value="">7.0-7.9(583)</label>
                            <label><input type="checkbox" value="">6.0-6.9(360)</label>
                            <label><input type="checkbox" value="">6.0以下(804)</label>   
                        </dd>
                    </dl>
                    <dl class="match-type">
                        <dt>属 性<span>不限</span></dt>
                        <dd>
                            <label><input type="checkbox" value="">985工程</label>
                            <label><input type="checkbox" value="">211工程</label>
                            <label><input type="checkbox" value="">31所独立设置艺术类本科</label>
                            <label><input type="checkbox" value="">国家示范性高职</label>
                            <label><input type="checkbox" value="">省级示范性高职</label>   
                        </dd>
                    </dl>     
    			</div>
    		</div>
    	</div>
        <div class="hotlist">
            <h4>热门高校推荐</h4>
            <ul>
                <li><span>1</span><a href="">北京大学</a></li>
                <li><span>2</span><a href="">清华大学</a></li>
                <li><span>3</span><a href="">南京师范大学</a></li>
                <li><span>4</span><a href="">东南大学</a></li>
                <li><span>5</span><a href="">南京农业大学</a></li>
                <li><span>6</span><a href="">上海交通大学</a></li>
                <li><span>7</span><a href="">山东大学</a></li>
                <li><span>8</span><a href="">苏州大学</a></li>
            </ul>
        </div>
    	<div class="content">
    		<div class="selected-item">
                <div class="school-num"><span>269</span>所院校</div>
                <ul>
                    <li>安徽（111）<a href="" class="btn-remove"></a></li>
                    <li>独立院校 <a href="" class="btn-remove"></a></li>
                </ul>
                <a id="btn-clear-selected" href="">清除</a>
            </div>
            <div class="sort-bar">
                <ul>
                    <li class="actived">默认排序</li>
                    <li>推荐指数</li>
                    <li>热门程度</li>
                </ul>
            </div>
            <div class="school-list">
                <div class="school-item">
                    <div class="school-intro">
                        <img src="images/school-view.png" alt="">
                        <h3 class="school-title">
                            <span class="list-num">1</span>北京大学<a href="">[详细]</a>
                            <div class="sc-extra">
                                <span class="sc-985"></span>
                                <span class="sc-211"></span>
                                <span class="sc-yan"></span>
                            </div>
                            <div class="school-star"></div>
                        </h3>
                        <p class="school-addr">
                            学校地址：北京市海淀区颐和园路5号
                        </p>
                        <p class="school-tel"> 
                            联系电话：010-62751435
                        </p>
                        <p class="school-other">
                            <a href="">交通地图</a>
                            <a href="">周边街景</a>
                        </p>
                    </div>
                    <div class="school-vote">
                        <p><i>9.5</i><span>/10</span></p>
                        <p>网友评分：83.45</p>
                        <p>访问人数：123456</p>
                    </div>
                </div>
                <div class="school-item">
                    <div class="school-intro">
                        <img src="images/school-view.png" alt="">
                        <h3 class="school-title">
                            <span class="list-num">1</span>北京大学<a href="">[详细]</a>
                            <div class="sc-extra">
                                <span class="sc-985"></span>
                                <span class="sc-211"></span>
                                <span class="sc-yan"></span>
                            </div>
                            <div class="school-star"></div>
                        </h3>
                        <p class="school-addr">
                            学校地址：北京市海淀区颐和园路5号
                        </p>
                        <p class="school-tel"> 
                            联系电话：010-62751435
                        </p>
                        <p class="school-other">
                            <a href="">交通地图</a>
                            <a href="">周边街景</a>
                        </p>
                    </div>
                    <div class="school-vote">
                        <p><i>9.5</i><span>/10</span></p>
                        <p>网友评分：83.45</p>
                        <p>访问人数：123456</p>
                    </div>
                </div>
                <div class="school-item">
                    <div class="school-intro">
                        <img src="images/school-view.png" alt="">
                        <h3 class="school-title">
                            <span class="list-num">1</span>北京大学<a href="">[详细]</a>
                            <div class="sc-extra">
                                <span class="sc-985"></span>
                                <span class="sc-211"></span>
                                <span class="sc-yan"></span>
                            </div>
                            <div class="school-star"></div>
                        </h3>
                        <p class="school-addr">
                            学校地址：北京市海淀区颐和园路5号
                        </p>
                        <p class="school-tel"> 
                            联系电话：010-62751435
                        </p>
                        <p class="school-other">
                            <a href="">交通地图</a>
                            <a href="">周边街景</a>
                        </p>
                    </div>
                    <div class="school-vote">
                        <p><i>9.5</i><span>/10</span></p>
                        <p>网友评分：83.45</p>
                        <p>访问人数：123456</p>
                    </div>
                </div>
            </div>
            <div class="pagination">
                <ul>
                  <li><a href="#">&laquo;</a></li>
                  <li class="actived"><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li>...</li>
                  <li><a href="#">5</a></li>
                  <li><a href="#">&raquo;</a></li>
                </ul>
                <span class="page-jump">到 <input type="text"> 页 <input type="submit" value="确定"></span>
            </div>
    	</div>
    </div>
</body>
</html>